<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <!-- 
    什么是html？
      超文本标记语言，你可以理解为html就是网页文件
    网页的布局顺序：
      默认情况网页是从上到下，从左到右的顺序排列的
    网页是由html标签对组成的
   -->

   <!-- 
     a标签（a链接）：用于跳转网页链接
        href属性: 表示需要跳转链接的地址,也可以跳转到锚点
        target属性: 表示打开网页的方式
                  1)_self :在原网页上进行覆盖
                  2)_blank :在新的窗口打开
        download属性: 可以下载href属性对应的资源,注意必须是服务器模式打开才有效果
   -->
   
    <a 
      href="#bottom"
      target="_blank"
    >跳转到百度</a>
    <a href="./img/img1.png" download>点击下载图片</a>
    <div style="height: 1000px;"></div>
    <div id="bottom" >底部</div>
</body>
</html>